@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@700;700&display=swap');

	a {
		color: black;
	}
	.credits a:hover {
		/*border-bottom: 2px solid #b676ff;*/
		text-decoration: none;
		color:  #b676ff;
		font-weight: bold;
	}
	.title a:hover {
		/*border-bottom: 2px solid #b676ff;*/
		text-decoration: none;
		color:  #b676ff;
		font-weight: bold;
	}
	em {
		font-style: italic;
	}
	z:hover {
		/*border-bottom: 2px solid #b676ff;*/
		text-decoration: none;
		color: white;
	}
	.menu {
		font-family: 'Nanum Myeongjo', serif;
	    position: absolute;
	    top: 0px;
	    padding-left: 2em;
	    padding-right: 2em;
	    max-width: 25%;
	    background-color: white;
	    color: black;
	}
	.grey {
		color: #65625e;
	}
	.title {
		margin-top: 20%;
	}
	ul {
		padding-left: 0;
		margin-top: 20%;
		width: 80%;
		margin: 0 auto;
	}
	li {
		list-style: none;
		font-family: 'Nanum Myeongjo', serif;
		font-weight: bold;
		color: black;
		border: 2px solid black;
		border-radius: 10px;
		margin: 1em;
		margin-left: 0;
		margin-right: 0;
		padding-top: .5em;
		padding-bottom: .5em;
		text-align: center;
	}
	li a {
		padding: 1em;
		color:black;
		font-weight: 500;
	}
	li a:hover {
		color: white;
		text-decoration: none;
	}
	li a:visited {
		text-decoration: none;
	}
	li:hover {
		background: #b676ff;
		border: 2px solid #b676ff;
		color: white;
		text-decoration: none;
	}
	p {
		font-size: 1.1vw;
	}
	.vw9 {
		font-size: .9vw;
	}
	.credits {
		font-size: 1vw;
	}	
	h3 {
		font-size: 2vw;
	}
	.m-l-1 {
		margin-left: 1em;
	} 
	.m-b-0 {
		margin-bottom: 0;
	}
	.m-t-2 {
		margin-top: 2em;
	}
	.m-b-2 {
		margin-bottom: 2em;
	}
	.p-b-2 {
		padding-bottom: 2em;
	}
	.m-l-3 {
		margin-left: 3em;
	}
	.top img {
		display: none;
	}
	@media only screen and (max-width: 900px) {
		a {
			color: white;
		}
		.menu {
			width: 100%;
			max-width: 100%;
			padding-left: 0;
			left: 0;
			position: initial;
			display: block;
	    	background-color: #4a544a;
	    	color: white;
		}
		p {
			font-size: 1em;
		}
		.title {
			margin-right: 1em;
			margin-left: 1em;
			margin-top: 0;
		}
		.title h3 {
			margin-top:0;
			padding-top: 1em;
		}
		.credits {
			font-size: 1em;
			margin-right: 1em;
			margin-left: 1em;
		}
		li {
			color: white;
			border: 2px solid white;
		}
		li a {
			color: white;
		}
		ul {
			margin-top: 1em;
			margin-right: auto;
			margin-left: auto;
		}
		.top img {
		  	height: auto; 
		  	width: 100%;
		  	display: block;
		}
		.title h3 {
			display: none;
		}
		html {
			background: none;
		}
		.vw9 {
			font-size: .9em;
		}
	}